<%--
  Created by IntelliJ IDEA.
  User: lxm
  Date: 2018/1/10
  Time: 下午3:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>自然语言处理-句法分析</title>
    <jsp:include page="../static/common/stylesheets.jsp"></jsp:include>
    <link rel="stylesheet" href="/static/layui/css/others/html_leaf.css" type="text/css">
    <style>

        .banner-font-color {
            color: white;
        }

        .p-font {
            font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;

        }

        .site-download a {
            position: relative;
            padding: 0 90px 0 90px;
            height: 60px;
            line-height: 60px;
            border: 1px solid #fffefe;
            border-color: rgba(255, 255, 255, 1);
            font-size: 24px;
            color: #fff;
            transition: all .5s;
            -webkit-transition: all .5s;
        }

        .gray-p {
            color: #7a7a7a;
            line-height: 25px;
        }

        .span_seg_single {
            display: inline-block;
            vertical-align: bottom;
            /* padding-bottom: 2px; */
            color: #3d9cff;
            font-size: 14px;
            cursor: pointer;
            border-bottom: 1px solid #3d9cff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .btn_plus {
            margin-top: 10px;
        }

        .mes-type {
            max-width: 145px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
            line-height: 16px;
            color: #999;
        }

        .mes-divide {
            margin-top: 14px;
            margin-bottom: 14px;
        }

        .mes-type-in {
            color: #000;
        }

        .mes-select-title {
            padding-bottom: 20px;
            margin-top: 48px;
            font-size: 16px;
        }

        .term {
            /*fill: #8ed6bc;*/
            cursor: pointer;
        }

        .link {
            fill: none;
            stroke: #1a9300;
            stroke-width: 2px;
        }

        .sen_word {

            font-size: 15px;
            fill: white;

        }

        .site-desc {
            position: relative;
            height: 70px;
            margin-top: 25px;
            background: url(/static/layui/images/common/sen.png) center no-repeat;
        }
    </style>
</head>
<body style="background: #fff">
<jsp:include page="../static/common/header.jsp"></jsp:include>
<%--Banner的图--%>
<div class="site-banner" style="color: white;">
    <div class="site-banner-bg" style="background-image: url(/static/layui/images/words/bg_sentence.jpg);">
    </div>
    <div class="site-banner-main">
        <div class="site-zfj site-zfj-anim">
            <i class="layui-icon" style="color: #fff; color: rgba(255,255,255,1);">&#xe631;</i>
        </div>
        <div class="layui-anim site-desc site-desc-anim banner-font-color">
            <cite class="banner-font-color"
                  style="color: white">基于HanLP与ANSJ的分词、词性标注、命名实体识别，定位基本语言元素，消除歧义，支撑自然语言的准确理解</cite>
        </div>
        <div class="site-download">
            <a href="#" class="layui-inline site-down" onclick="AnchorClick($('#introduction'))">
                立即体验
            </a>
        </div>
    </div>
</div>

<div class="layui-main"
     style="font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;">
    <%--句法分析介绍开始--%>
    <h1 id="introduction" class="site-h1" style="text-align: center;"><B>句法分析</B></h1>
    <p style="margin-left: auto;margin-right: auto;width: 70%;text-align: center;" class="gray-p">
        句法分析，本自然语言提供的句法分析是依存句法分析。它将文本拆分成词序列之后，用树状结构表示依存句法，表示句法层次上词语与词语之间的联系。本自然语言与可视化处理平台设计了可扩展的句法分析接口，以工厂模式的方式，生成不同实现方法的句法分析器。目前，平台采用的句法分析器是HanLP自然语言算法工具包内置的最大熵依存句法分析器、CRF依存句法分析器。</p>
    <%--句法分析介绍结束--%>
    <%--开始使用--%>
    <h1 id="start" class="site-h1" style="text-align: center;"><B>开始使用</B></h1><br>
    <%--开始使用结束--%>
    <div class="layui-tab layui-tab-card">
        <ul class="layui-tab-title">
            <li class="layui-this">单文本句法分析</li>
            <li>批量句法分析区</li>
            <li>API调用分析区</li>
        </ul>
        <div class="layui-tab-content">
            <jsp:include page="partOfSentence/singleMode.jsp"></jsp:include>
            <jsp:include page="partOfSentence/multiMode.jsp"></jsp:include>
            <jsp:include page="partOfSentence/ApiMode.jsp"></jsp:include>
        </div>
    </div>
    <%--句法分析应用场景开始--%>
    <h1 id="application" class="site-h1" style="text-align: center;"><B>应用场景</B></h1>
    <ul class="site-idea">
        <li>
            <fieldset class="layui-elem-field layui-field-title">
                <legend>功能描述</legend>
                <p class="gray-p"> 句法分析出句子中词与词之间的关系，可用于提取句子主干，提取句子核心词等。句法分析可以更好的理解句子，从而在机器翻译、自动问答、知识抽取等领域都可以应用。</p>
            </fieldset>
        </li>
        <li>
            <fieldset class="layui-elem-field layui-field-title">
                <legend>依存句法</legend>
                <p class="gray-p">依存语法通过分析语言单位内成分之间的依存关系揭示其句法结构，主张句子中核心动词是支配其它成分的中心成分，所有受支配成分都以某种依存关系从属于支配者。</p>
            </fieldset>
        </li>
        <li>
            <fieldset class="layui-elem-field layui-field-title">
                <legend>可视化基础</legend>
                <p class="gray-p">需要直接体现某一段句子的核心内容，只需要通过筛选标签的方式来过滤词与词之间的关系。</p>
            </fieldset>
        </li>
    </ul>
    <br>
    <%--句法分析应用场景结束--%>
</div>
<jsp:include page="../static/common/footer.jsp"></jsp:include>
<jsp:include page="../static/common/scripts.jsp"></jsp:include>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/static/layui/js/sen/d3.js"></script>
<script src="/static/layui/js/sen/senLogic.js"></script>
<script>
    //更新导航
    nowPageName("tools");
</script>
<script>
    var randomArray = [
        "我爱桂林，我也爱桂林电子科技大学。", "桂林电子科技大学坐落于世界著名的风景游览城市和中国历史文化名城桂林市",
        "美国总统特朗普在白宫会见了朝鲜劳动党中央委员会副委员长金英哲"
        , "学校现有金鸡岭校区、六合路校区、花江校区、北海校区，分别位于桂林国家高新技术开发区、桂林市尧山风景区、北海市银海区，校园总面积4153亩。",
        "网友们跟随直播镜头，在网络主播和引导员颜海峰老师、学生杨婧的带领下先后参观了我校校园，国家级、省部级以及学院重点实验室，学生宿舍，学生活动中心等。相关职能部门和学院负责人、学生代表等纷纷上阵与网友们积极互动，回答了网友关注的招生政策和计划、" +
        "学科优势和人才培养模式、教学成果、学生宿舍管理模式、校园文化活动等话题，充分展示了学校的办学理念、办学特色、办学成果和办学实力。"
    ];

    //随机示例：
    function ramdomTexts() {
        $('#text_main_text').empty();
        var index = Math.floor(Math.random() * 100 + 1) % randomArray.length;
        $('#text_main_text').val(randomArray[index]);

    }
</script>
</body>
</html>
